<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>HTML5圣诞礼物大炮发射动画DEMO演示</title>
  <link rel="stylesheet" href="./html5-christmas-cannon.css">

</head>
<body>
<!-- partial:index.partial.html -->
<base target="_parent">

<div id="canvas-container"></div>
<div id="ui">
    <div class="positioner">
        <div></div>
        <div class="speech-bubble">
            <div id="bubble">
                <span id="text">Oh no! Look at this dull room, not at all Christmassy.</span>
                <span id="text-highlight"></span>
                <div id="next">Next</div>
            </div>
        </div>

            <img id="steve" src="https://assets.codepen.io/557388/sad.svg" alt="Steve">

    </div>
</div>
<div id="loading">Loading</div>
<!-- partial -->
  <script type="module" src="./html5-christmas-cannon.js"></script>

</body>
</html>
